<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>SimplyTalk</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">

    <!-- Loading Flat UI 
    <link href="css/flat-ui.css" rel="stylesheet">
    <link rel="shortcut icon" href="images/favicon.ico">
-->
	<script src="js/jquery.js"></script>
	<script src="/js/mustache.js"></script>
	<script src="/socket.io/socket.io.js"></script>
	<script src="js/client.js"></script>
	

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
  </head>
  <body>
  
 		
  
  <!--
      <div class="btn-group">
    <button class="btn">Left</button>
    <button class="btn">Middle</button>
    <button class="btn">Right</button>
    </div>
    -->
    <div class="container">
    	<h1 class="mbl pbl">SimplyTalk!</h1>
      		
      		
      		
      		<div class="row" style="height:4000px;">
			
			 <div class="navbar navbar-fixed-bottom">
      			<div class="navbar-inner">
      			   <form class="navbar-form pull-middle text-center">
   							<input type="text" class="span6">
   							 <button type="submit" class="btn">Submit</button>
  					  </form>
      			</div>
      		</div>
			
			
				<div class="span5">
		
					 <div class="todo mrm span4">
							<ul>
							  <li class="todo-done">
								<div class="todo-icon fui-user"></div>
								<div class="todo-content">
								  <h4 class="todo-name">
								    Vous
								  </h4>
								  vous
								</div>
							  </li>
							  <li>
								<div class="todo-icon fui-user"></div>
								<div class="todo-content">
								  <h4 class="todo-name">
								    Les autres
								  </h4>
								  10 personnes connectées
								</div>
							  </li>
							</ul>
					 </div>
			      </div> <!-- /todo list -->
					
    		 <div class="span7">
            		
				  <div class="login-form">
				  	<form id="login-form">
						<div class="control-group">
						  <input type="text" class="login-field" placeholder="Entrez un pseudo" id="login-name" />
						  <label class="login-field-icon fui-user" for="login-name"></label>
						</div>

				    	<input type="submit" class="btn btn-primary btn-large btn-block" value="Entrez =)">
					</form>
				  </div>
				  <div class="discuss">
				  
				  </div>
				  
				  
				  <div class="user-box">
				  
				  </div>
				  
    		</div> <!-- /login -->
    	
    	</div>
    
    </div>
    
    
    <div class="templates" style="display:none;">
    			<div class="login-form">
				  	<form id="message-form">
						<div class="control-group">
						  <input type="text" class="field wide" style="width:70%;" placeholder="Entrez votre message" id="message" />
						  <input type="submit" class="btn btn-primary btn-small" value="Ok">
						  <label class="login-field-icon fui-chat" for="message"></label>
						</div>

				 
					</form>
				  </div>
    </div>
    
    
    
    
   </body>
   
   </html>
